草庐IT

vue2 jest

全部标签

javascript - 在 "Actions must be plain objects. Use custom middleware for async actions."中使用 Jest 模拟结果

我有几个Redux-Thunk风格的函数,可以在一个文件中分派(dispatch)其他操作。其中一个Action将另一个作为其逻辑的一部分进行分派(dispatch)。它看起来类似于:exportconstfunctionToMock=()=>async(dispatch)=>{awaitdispatch({type:'abasicaction'});};exportconstfunctionToTest=()=>async(dispatch)=>{dispatch(functionToMock());};在我实际遇到的情况下,这些函数都涉及更多,并且每个都分派(dispatch)多个

javascript - 使用 Vue.js 访问子组件中的 api 数据

我正在开发一个大型应用程序,在处理来self的API的数据并将其传递到我的子组件时遇到了很多麻烦。情况。我从父组件调用我的API,并通过prop将数据传递到我的子组件。子组件可以很好地显示数据,但我无法在子组件的就绪函数中访问数据。看看:https://jsfiddle.net/kmrfkynf/3/正如您在控制台中看到的那样,在子组件就绪函数中显示数据会给我一个空对象...ready:function(){console.log('itemsfromchildcomponent',this.items);}...但是子组件在我的重复中很好地渲染了对象。所以问题是子组件在父组件的API

javascript - 在 Vue 中代理 webpack 开发服务器

我正在尝试使用vue-axios和vuex将所有api/请求代理到http://localhost:3000。命令行上的输出表明代理已经创建,但它实际上并没有代理到正确的地址和404。我在webpack中有以下设置:dev:{env:require('./dev.env'),port:8080,autoOpenBrowser:true,assetsSubDirectory:'static',assetsPublicPath:'/',proxyTable:{'api/':{target:'https://localhost:3000/api',changeOrigin:true,path

javascript - 我可以修改 Vue.js VNodes 吗?

我想为child分配一些属性和类VNode通过data目的。那只是有效。但是在我的Vue.js调查中,我没有看到使用这种模式,这就是为什么我认为修改children不是一个好主意VNode的。但这种方法有时会派上用场——例如,我想为默认插槽中的所有按钮分配aria-label属性。请参见下面的示例,使用默认的有状态组件:Vue.component('child',{template:'Myroleis{{$attrs.role}}',})Vue.component('parent',{render(h){const{default:defaultSlot}=this.$slotsif(

javascript - 开 Jest + 火力地堡 : TypeError: Cannot read property 'defineProperties' of undefined

我目前正在做一个ReactNative项目,想使用FirebaseJSSDK。为了熟悉它的所有API,我想用Jest编写一些学习测试。这是我的测试:importFirebasefrom'firebase';describe('Firebase',function(){it('shouldwork',function() {expect(null).toBeNull()})});不幸的是我收到了这个错误:●测试套件运行失败TypeError:Cannotreadproperty'defineProperties'ofundefinedatnode_modules/firebase/app

javascript - Jest/Enzyme 图像加载回调未运行

我有一个ImageLoader类组件,我正在尝试测试是否正在调用HTMLImageElement上的onload函数。重要的是要注意ImageLoader按预期工作,我只是无法运行测试。这是我的类组件的示例:exportdefaultclassImageLoaderextendsReact.Component{//OmittedforbrevitysetSrc=()=>{const{src}=this.props;if(src){this.tmpImg=newImage();//this.tmpImg.onloadisnevercalledthis.tmpImg.onload=()=>

javascript - 如何在 Vue (Typescript) 中使用 axios?

我想在vue(Typescript)中使用axios,但我的代码遇到了麻烦。这是我的main.tsimportaxiosfrom'axios'Vue.prototype.$axios=axiosaxios.defaults.baseURL='http://192.168.1.225:8088'这是我的vue代码screenshothere这是我第一次使用typescript,之前我在javaScript中用过其他方式,我没有任何问题,那么我如何在TypeScript中使用它呢?感谢您抽出时间提供解决方案。 最佳答案 我这样做并且在m

javascript - Vue Js如何在单文件模板中使用mixins?

大家好,我是VueJS的新手,我正在尝试使用单个文件模板在我的过滤器上使用mixin,但我遇到了一些困难我得到的错误Unknowncustomelement:-didyouregisterthecomponentcorrectly?Forrecursivecomponents,makesuretoprovidethe"name"option.组件.jsVue.component('sideBarOne',require('./component/sidebars/sideBarOne.vue'));sideBarOne.vueimport{defaultasconfig}from'..

javascript - NodeJS - Jest 单元测试 process.on 回调中的 setTimeout

我正在尝试在我的process.on('SIGTERM')回调中使用Jest对计时器进行单元测试,但它似乎从未被调用过。我正在使用jest.useFakeTimers()虽然它似乎在一定程度上模拟了setTimeout调用,但它并没有在setTimeout.mock中结束检查时对象。我的index.js文件:process.on('SIGTERM',()=>{console.log('GotSIGTERM');setTimeout(()=>{console.log('Timerwasrun');},300);});setTimeout(()=>{console.log('Timer2w

javascript - Vue.js : "TypeError: Cannot set property props of#<Object> which has only a getter"

我正在尝试实例化一个Vue组件,但出现错误:[Vuewarn]:Errorinrender:"TypeError:Cannotsetpropertypropsof#whichhasonlyagetter"(foundin)我也在使用库vuedraggable但我认为这个问题更多的是Vue问题而不是vuedraggable问题。下面是我的代码。这里是draggable-list.vue可拖动列表.jsconstdraggable=require("vuedraggable");module.exports={name:"draggable-list",components:{dragga